<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/index.css">
</head>
<body>
    <div class="header">


                    <div class="header-l">
                        <div class="header-l1">

                            <img src="img/logo1.png" alt="">
                        </div>
                        <div class="header-l2">
                            <img src="img/logo2.png" alt="">
                        </div>


                    </div>
                    <ul class="header-r">
                        <li class="r-item active"><a href="index.html">首页<span class="line"></span></a></li>
                        <li class="r-item"><a href="store.html">样片大宴<span class="line"></span></a></li>
                        <li class="r-item"><a href="discount.html">当季优惠<span class="line"></span></a></li>
                        <li class="r-item"><a href="Tour city.html">航拍城市<span class="line"></span></a></li>
                        <li class="r-item"><a href="about.html">关于我们<span class="line"></span></a></li>
                        <li class="r-item"><a href="contact us.html">联系我们<span class="line"></span></a></li>
                    </ul>
    </div>

      <div class="banner">

                <div class="arr-l"><img src="img/arr1.png" alt=""></div>
                <div class="arr-r"><img src="img/arr2.png" alt=""></div>

      </div>
      <div class="exhibition">
        <div class="title">
            <span class="row1"></span><span class="en">Exhibition of works</span><span class="row1"></span>

            <p class="ch">作品展示</p>

        </div> 

        <ul class="ex-box">
            <li class="box-item">
                <img src="img/ex1.jpg" alt="">
                    <div class="block">
                        <div class="block-item">
                            <div class="name">Xiao Ru & Grady</div>
                            <div class="date">2020.6.25</div>          
                        </div>
                    </div>
            </li>
            <li class="box-item">
                <img src="img/ex2.jpg" alt="">
                <div class="block">
                    <div class="block-item">
                        <div class="name">Xiao Ru & Grady</div>
                        <div class="date">2020.6.25</div>          
                    </div>
                </div>
            </li>
            <li class="box-item">
                <img src="img/ex3.jpg" alt="">
                <div class="block">
                    <div class="block-item">
                        <div class="name">Xiao Ru & Grady</div>
                        <div class="date">2020.6.25</div>          
                    </div>
                </div>
            </li>
            <li class="box-item last">
                <img src="img/ex4.jpg" alt="">
                <div class="block">
                    <div class="block-item">
                        <div class="name">Xiao Ru & Grady</div>
                        <div class="date">2020.6.25</div>          
                    </div>
                </div>
            </li>
            <li class="box-item">
                <img src="img/ex5.jpg" alt="">
                <div class="block">
                    <div class="block-item">
                        <div class="name">Xiao Ru & Grady</div>
                        <div class="date">2020.6.25</div>          
                    </div>
                </div>
            </li>
            <li class="box-item">
                <img src="img/ex6.jpg" alt="">
                <div class="block">
                    <div class="block-item">
                        <div class="name">Xiao Ru & Grady</div>
                        <div class="date">2020.6.25</div>          
                    </div>
                </div>
            </li>
            <li class="box-item">
                <img src="img/ex7.jpg" alt="">
                <div class="block">
                    <div class="block-item">
                        <div class="name">Xiao Ru & Grady</div>
                        <div class="date">2020.6.25</div>          
                    </div>
                </div>
            </li>
            <li class="box-item last">
                <img src="img/ex8.jpg" alt="">
                <div class="block">
                    <div class="block-item">
                        <div class="name">Xiao Ru & Grady</div>
                        <div class="date">2020.6.25</div>          
                    </div>
                </div>
            </li>

        </ul>

        <div class="ex-more"><a href="">VIEW MORE</a></div>
      </div>

      <div class="welfare">
            <div class="title">
                <span class="row1"></span><span class="en">Welfare</span><span class="row1"></span>

                 <p class="ch">优惠福利</p>

            </div> 
            <div class="welfare-box">
                <div class="box-l">
                    <div class="box-l-item1">
                        <img src="img/wel1.jpg" alt="">
                        <div class="spot">

                        </div>
                        <div class="hinder">
                            <span class="hinder-h">国庆特惠</span><span class="hinder-m">7288元/套</span>

                        </div>
                    </div>
                    <div class="box-l-item2">
                        <img src="img/wel3.jpg" alt="">
                        <div class="spot">

                        </div>
                        <div class="hinder">
                            <span class="hinder-h">闺蜜套餐</span><span class="hinder-m">6250元/套</span>

                        </div>
                    </div>
                </div>
                <div class="box-line">

                </div>
                <div class="box-r">
                    <div class="box-r-item1">
                        <img src="img/wel2.jpg" alt="">
                        <div class="spot">

                        </div>
                        <div class="hinder">
                            <span class="hinder-h">情侣特惠</span><span class="hinder-m">5520元/套</span>

                        </div>
                    </div>
                    <div class="box-r-item2">
                        <img src="img/wel4.jpg" alt="">
                        <div class="spot">

                        </div>
                        <div class="hinder">
                            <span class="hinder-h">个人福利</span><span class="hinder-m">3230元/套</span>

                        </div>
                    </div>
                </div>
            </div>
      </div>  
      <div class="about">
            <div class="block">
                <div class="title">
                    <span class="row1"></span><span class="en">About us</span><span class="row1"></span>
    
                    <p class="ch">关于我们</p>
                    <img src="img/logo1.png" alt="" class="about-image">
                </div> 
                <ul class="about-item">
                    <li class="about-list">
                        <img src="img/about1-1.png" alt="">
                        <p>2014 年 成 立 于 郑 州，是 郑 州 知 名 一 线 品 牌 旅 拍 摄 影 工 作。</p>
                    </li>
                    <li class="about-list">
                        <img src="img/about1-2.png" alt="">
                        <p>作 品 多 次 被 今 日 人 像和 人 像 摄 影  等 知 名 行 内 杂 志 推 荐</p>
                    </li>
                    <li class="about-list">
                        <img src="img/about1-3.png" alt="">
                        <p>我 们 的 拍 摄 方 式 更 像 是 一 天 旅 行，风 景 与 光 影，只是 为 了 见证 情 感</p>
                    </li>
                    <li class="about-list last">
                        <img src="img/about1-4.png" alt="">
                        <p>时 尚 会 消 逝，影 像 会 长 存，我 们 让 每 一 张 照 片
                            充 满 幸 福 的 温 度。</p>
                    </li>
                </ul>    


            </div>

      </div>   
      
      


      <div class="process">
            <div class="title">
                    <span class="row1"></span><span class="en">Medical  equipment</span><span class="row1"></span>

                    <p class="ch">约拍流程</p>
            </div> 
            <ul class="process-item">
                <li class="process-list">
                        <div class="number">1</div>
                        <div class="spot"></div>
                        <div class="content">
                            <p class="sup">前期沟通</p>
                            <p class="sub">确定时间地点及相关事项</p>
                            <div class="block1"></div>
                        </div>
                </li>
                <li class="process-list">
                    <div class="number">2</div>
                    <div class="spot"></div>
                    <div class="content">
                        <p class="sup">签约拍摄</p>
                        <p class="sub">签订拍摄协议，预付
                            30%款项</p>
                        <div class="block1"></div>
                    </div>
                </li>
                <li class="process-list">
                    <div class="number">3</div>
                    <div class="spot"></div>
                    <div class="content">
                        <p class="sup">拍摄</p>
                        <p class="sub">指派摄影师拍摄，拍摄
                            完毕后支付4%款项</p>
                        <div class="block1"></div>
                    </div>
                </li>
                <li class="process-list">
                    <div class="number">4</div>
                    <div class="spot"></div>
                    <div class="content">
                        <p class="sup">选片</p>
                        <p class="sub">客户挑选拍摄的原片，
                            支付剩余30%款项</p>
                        <div class="block1"></div>
                    </div>
                </li>
                <li class="process-list last">
                    <div class="number">5</div>
                    <div class="spot"></div>
                    <div class="content">
                        <p class="sup">精修返图</p>
                        <p class="sub">后期精修挑选的原片，
                            交付图片</p>
                        <div class="block1"></div>
                    </div>
                </li>
            </ul>
            <ul class="process-foot">
                <li class="foot-list">
                    <p>郑州镜界摄影服务工作室</p>
                    <div class="icon">
                        <span><img src="img/wb.png" alt=""></span>
                        <span><img src="img/qq.png" alt=""></span>
                        <span><img src="img/wx.png" alt=""></span>
                        <span><img src="img/bd.png" alt=""></span>
                    </div>
                </li>
                <li class="foot-list">
                    <p>地址：郑州市郑东新区绿地中心6号楼</p>
                    <p>服务热线：037-7981788</p>
                    <p>邮编：456333</p>
                </li>
                <li class="foot-list last">
                    <p>手机：18236988754</p>
                    <p>邮箱：912754544@qq.com</p>
                    <p>Q Q：912754544</p>
                </li>
            </ul>








            </div>





      </div> 



      <div class="footer">

            <p>Copyright ©2010 ls1001.com, All rights reserved. 镜界传媒艺术有限公司 豫ICP备11028596号</p>

      </div>
        
</body>
</html>